<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template> 

<script>
export default {
  name: "App",
  data() {
    return {
    
    };
  },

  watch: {
    $route(to){
         this.$store.state.Namedparent.name =
      to.name == "BookSearch"
        ? "Unified"
        : to.name == "PaperbookSearch"
        ? "Paperbook"
        : to.name == "EbookSearch"
        ? "ebook"
        : to.name == "NewEbookSearch"
        ? "NewEbook"
        : "qikan";
    }
  },
  mounted() {
   
  },
  computed: {},
  methods: {
    // selectnav(e) {
    //   console.log(e);
    //   console.log(e.item);
    //   //  console.log(item, key, keyPath)
    //   // this.selectnavs = e.key
    //   this.$store.state.Namedparent.key = e.key;
    //   console.log(this.$store.state.Namedparent);
    //   // context.commit("SHOW_SIDER", true);
    //   console.log(this.$store.state);
    //   console.log(this.$store.state.Namedparent);
    // },
  },
  components: {
    // HelloWorld,
    // MainContent,
  },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #2c3e50;
  /* margin-top: 60px; */
}
</style>
